<!DOCTYPE html>
<html>
	<head>
		<title>左侧菜单</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="../css/All_Infoo.css"/>
	</head>

	<body>
	<!--导航栏框架及链接情况-->
		<img src="../img/side_top.gif" >
		<div id="firstpaneDiv" class="menu_list">
			<h3 class="menu_head current">人员信息管理</h3>
			<div style="display:block" class="menu_nva">
				<a href="Person_Info.html" target="right">人员信息</a>
				<a href="Add_Info.html" target="right">添加信息</a>
				<a href="Use_Info.html" target="right">启用信息</a>
			</div>
			<h3 class="menu_head">出勤管理</h3>
			<div style="display:none" class="menu_nva">
				<a href="Work_Info.html" target="right">出勤情况</a>
				<a href="Work_Month.html" target="right">每月出勤</a>
				<a href="Work_Day.html" target="right">当日出勤</a>
			</div>
			<h3 class="menu_head">系统管理</h3>
			<div style="display:none" class="menu_nva">
				<a href="Character_Manage.html" target="right">角色管理</a>
				<a href="Auth_Manage.html" target="right">权限管理</a>
				<a href="Character_Assi.html" target="right">角色分配</a>
				<a href="Login_Info.html" target="right">登录日志</a>
				<a href="System_Proper.html" target="right">系统配置</a>
			</div>
			<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
			<script>
//				在 HTML 页面中插入一段 JavaScript：
				$(document).ready(function() {
					$("#firstpaneDiv .menu_nva:eq(0)").show();
					$("#firstpaneDiv h3.menu_head").click(function() {
						$(this).addClass("current").next("div.menu_nva").slideToggle(200).siblings("div.menu_nva").slideUp("slow");
						$(this).siblings().removeClass("current");
					});
					$("#secondpane .menu_nva:eq(0)").show();
					$("#secondpane h3.menu_head").mouseover(function() {
						$(this).addClass("current").next("div.menu_nva").slideDown(400).siblings("div.menu_nva").slideUp("slow");
						$(this).siblings().removeClass("current");
					});
				});
			</script>
	</body>
</html>
